@font-face {

    font-family: "Raleway-Bold";

    src: url("https://images.hanlonsonline.co.uk/Fort Kinnaird BS5/fonts/static/Raleway-Bold.ttf");

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: "Raleway-Regular";

    src: url("https://images.hanlonsonline.co.uk/Fort Kinnaird BS5/fonts/static/Raleway-Regular.ttf");

    font-weight: 700;

    font-style: normal;

}

img.HeaderImage {
    width: 55%;
    margin-top: 30px;
}

.sitemap {
    background: #ECECEC;
    height: 40px;
    padding-top: 8px;
}

a.nav-link {
    font-family: "Inter-Bold";
    color: #000;
}

a.sitemap-link {
    color: #000;
}

div#navbar {
    padding: 30px;
}

li#Home a {
    color: #003E90;
    font-family: "Inter-Bold";
    text-decoration: none;
}

li#FindOpportunityListItem a {
    font-family: "Inter-Bold";
    color: #003E90;
    text-decoration: none;
    margin-left: 30px;
}
li#NewsListItem a {
    padding: 24px 16px;
    color: #777;
    text-decoration: none;
    font-family: "Raleway", sans-serif;
}
li#ResidentDashboardListItem a {
    padding: 24px 16px;
    color: #777;
    text-decoration: none;
    font-family: "Raleway", sans-serif;
}
li#ResidentProfileDropdown a {
    text-decoration: none;
    color: #777 !important;
    font-family: "Raleway", sans-serif;
    padding: 24px 16px;
}
li#Employers a {
    font-family: "Inter-Bold";
    color: #003E90;
    text-decoration: none;
    margin-left: 30px;
}
ul.dropdown-menu.show {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 14px;
    left: 0;
    text-align: center;
    font-size: 14px;
    background: #f2f5f9;
    border: transparent;
}
ul.dropdown-menu.show li a {
    font-size: 14px !important;
}
a.dropdown-toggle {
    color: #003E90;
    font-family: "Inter-Bold";
    margin-left: 30px;
    text-decoration: none;
}

ul#login-reg-navbar-two {
    flex: auto;
    justify-content: flex-end;
}

li#DefaultListItem a {
    padding: 24px 16px;
    color: #777;
    text-decoration: none;
    font-family: "Raleway", sans-serif;
}

li#RecruitmentServicesListItem a {
    padding: 24px 16px;
    color: #777;
    text-decoration: none;
    font-family: "Raleway", sans-serif;

}

li#FindJobsTrainingListItem a {
    padding: 24px 16px;
    color: #777;
    text-decoration: none;
    font-family: "Raleway", sans-serif;
}

li#TestimonialsListItem a {
    padding: 24px 16px;
    color: #777;
    text-decoration: none;
    font-family: "Raleway", sans-serif;
}

li#ContactUsListItem a {
    padding: 24px 16px;
    color: #777;
    text-decoration: none;
    font-family: "Raleway", sans-serif;
}

li#PolicyListItem a {
    padding: 24px 16px;
    color: #777;
    text-decoration: none;
    font-family: "Raleway", sans-serif;
}

ul.nav.navbar-nav.fortkinnaird-navbar-nav a {
    font-size: 18px;
}

div#navbar {
    padding: 30px;
    left: 35%;
    position: relative;
}

img#headerimageOne {
    width: 375px;
    margin-left: 20%;
    padding: 15px;
}

ul#login-reg-navbar {
    padding-left: 70px;
}

ul.dropdown-menu.show {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 14px;
    left: 15%;
    text-align: center;
    font-size: 14px;
    background: #f2f5f9;
    border: transparent;
}

a.dropdown-item {
    color: #003E90;
    font-family: "Inter-Bold";
    padding-bottom: 10px;
}

a#LoginLink {
    color: #ffffff !important;
    background: #0088b2;
    border-radius: 0px;
    border: transparent;
    font-size: 18px;
    float: right;
    margin-top: 50px;
    text-decoration: none;
    padding: 20px;
    font-family: "Raleway", sans-serif;
}

a#LoginLink:hover {
    color: #000 !important;
}

a#LoginLink:focus {
    outline: 2px dashed #000;
}

a#RegisterLink {
    color: #fff !important;
    padding-left: 15px;
    padding-right: 15px;
    background: #003E90 !important;
    font-size: 18px;
    border-radius: 0px;
    font-family: "Inter-Bold";
}

a#RegisterLink:hover {
    color: #000 !important;
    background: #fff !important;
    transition: 0.6s;
}

a#RegisterLink:focus {
    outline: 2px dashed #000;
}

li {
    font-family: "Raleway-Regular";
    line-height: 1.5em;
}

h4 {
    color: #0088b2;
    font-family: "Raleway-Bold";
}

#ctl00_mCPH_divHeader {
    padding-bottom: 10px;
    display: none;
}

.form-label {
    color: #0088b2;
    font-family: "Raleway-Bold";
}

input#btnRegister {
    background: #0088b2;
    color: #fff;
    font-family: "Raleway-Bold";
    font-size: 18px;
}

input#btnRegister:hover {
    color: #000 !important;
    background: #fff !important;
    transition: 0.6s;
}

input#btnRegister:focus {
    outline: 2px dashed #000 !important;
    background: #fff !important;
    transition: 0.6s !important;
}

div.WizardElement_Left {
    font-size: 18px !important;
    padding: 2px;
    width: 67% !important;
    height: unset !important;
}

.fa-lg {
    font-size: 15px;
    float: right;
    margin: 5px;
}

.WizardInput_Left input[type="text"],
.WizardInput_Left input[type="password"],
.WizardInput_Left textarea,
.WizardInput_Left select {
    margin-top: 5px !important;
}

input[type=email],
input[type=password],
input[type=search],
input[type=text],
input[type=url],
textarea,
textarea.form-control {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.wizard-item-number {
    display: none !important;
}

#ctl00_mCPH_ctrl3_SelectLinksPlaceholder>a {
    color: #505050;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.33px;
    text-decoration: underline;
    line-height: 24px;
    cursor: pointer;
}

div.WizardElement_Left a {
    margin-left: 0px !important;
    font-family: "Raleway-Bold";
    text-decoration: none;
}

div.Mandatory {
    font-size: 13px;
}

div.Mandatory {
    color: Red;
    font-family: "Raleway-Bold";
}

input#ctl00_mCPH_btnExit {
    display: none;
}

input#ctl00_mCPH_btnSave {
    background: #0088b2;
    color: #fff;
    font-family: "Raleway-Bold";
    font-size: 18px;
    border:transparent;
}

input#ctl00_mCPH_btnSave:hover {
    color: #000 !important;
    background: #fff !important;
    transition: 0.6s;
}

input#ctl00_mCPH_btnSave:focus {
    outline: 2px dashed #000 !important;
    background: #fff !important;
    transition: 0.6s !important;
}

.HeaderRowTitle {
    display: none;
}
input#ctl00_mCPH_ctl00_UploadButton {
    background: #0088b2;
    color: #fff;
    font-family: "Raleway-Bold";
    font-size: 18px;
}
input#ctl00_mCPH_ctl00_UploadButton:hover {
    color: #000 !important;
    background: #fff !important;
    transition: 0.6s;
}
input#ctl00_mCPH_ctl00_UploadButton:focus{
    outline: 2px dashed #000 !important;
    background: #fff !important;
    transition: 0.6s !important;
}
label.btn.btn-default {
    border: 2px solid;
}
input#ctl00_mCPH_SubmitApplicationButton {
    background: #0088b2;
    color: #fff;
    font-family: "Raleway-Bold";
    font-size: 18px;
}
input#ctl00_mCPH_SubmitApplicationButton:hover {
    color: #000 !important;
    background: #fff !important;
    transition: 0.6s;
}
input#ctl00_mCPH_SubmitApplicationButton:focus{
    outline: 2px dashed #000 !important;
    background: #fff !important;
    transition: 0.6s !important;
}
input#DebugSendButton {
    display: none;
}
input#SendButton {
    background: #0088b2;
    color: #fff;
    font-family: "Raleway-Bold";
    font-size: 18px;
}
input#SendButton:hover {
    color: #000 !important;
    background: #fff !important;
    transition: 0.6s;
}
input#SendButton:focus {
    outline: 2px dashed #000 !important;
    background: #fff !important;
    transition: 0.6s !important;
}

@media (min-width : 992px) {
    div.DataProtectionNotes {
        width: 67% !important;
    }
}

#ctl00_mCPH_ctrl3_SelectLinksPlaceholder>a:nth-child(1) {
    display: none;
}

@media only screen and (max-width: 1440px) {
    div#navbar {
        left: 4.5%;
        position: relative;
    }


}

@media only screen and (max-width: 1024px) {
    div#navbar {
        width: 1024px;
    }

}

@media only screen and (max-width: 768px) {
    li#FindOpportunityListItem a {
        margin-left: 0px;
    }

    li#Employers a {
        margin-left: 0px;
    }

    div#navbar {
        min-height: 350px;
    }

    ul#login-reg-navbar {
        padding-left: 0;
    }

    a.dropdown-toggle {
        margin-left: 0px;
    }

    ul#login-reg-navbar-two {
        flex: auto;
        justify-content: flex-end;
        margin-top: 90px;
    }

    ul.dropdown-menu.show {

        left: 0px;
    }

    div#navigationSection {
        width: 100%;
    }


    button.navbar-toggler {
        left: 89% !important;
        position: relative;
        width: auto;
    }

    button.navbar-toggler.collapsed {
        width: auto;
        margin-top: 0;
        position: relative;
        left: 90%;
    }

    .register-link {
        margin-top: 30px;
        margin-left: 15px;
    }
}

@media only screen and (max-width: 425px) {
    button.navbar-toggler {
        left: 90%;
    }

    button.navbar-toggler.collapsed {
        left: 90%;
    }

    img#headerimageOne {
        width: 375px;
        margin-left: 5%;
        padding: 15px;
    }

    img#headerimageOne {
        margin-left: 5%;
    }
}

@media only screen and (max-width: 375px) {

    img#headerimageOne {
        width: 375px;
        margin-left: 0%;
        padding: 15px;
    }
}

@media only screen and (max-width: 320px) {

    img#headerimageOne {
        margin-left: 0%;
    }
}